<template>
  <div class="oneToOneDonation">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      一对一捐助
    </div>
    <div class="imageBox">
      <div class="imageBg">
        <img :src="imageUrl.imageUrl + eventL.eventPicUrl" alt="">
      </div>
      <div class="imageAdd">
        <img src="../../images/onetooneadd.png" alt="">
      </div>
    </div>
    <div class="eventTitle">
      <p><span v-html="eventL.eventName"></span> <em v-show="eventL.eventStatus == 1" class="Titlelabel">进行中</em><em v-show="eventL.eventStatus == 4" class="Titlelabel">已结束</em></p>
    </div>
    <div class="mechanism">
      <p>发起机构： <span v-html="eventL.organizationName"></span></p>
    </div>
    <div class="targetMoney">
      <div class="targetB">
        目标 <span>{{eventL.eventGoalAmount}}</span> 元
      </div>
    </div>
    <div class="content">
      <div v-html="eventAll.eventContent"></div>
    </div>
    <div class="footerBtns">
      <div class="lastBtn" @click="lastEven">上一个</div>
      <div class="wantDonationBtn" @click="goPayment"><i class="iconfont head-icon" style="font-size: 18px;">&#xe625;</i> 我要捐助</div>
      <div class="nextBtn" @click="nextEven">下一个</div>
    </div>
    <!--<x-header style="background-color:#ffda34;" :left-options="{backText: ''}">-->
      <!--一对一捐助-->
    <!--</x-header>-->
    <!--<div class="project-head-img">-->
      <!--<img src="../../images/onetoone.png"/>-->
    <!--</div>-->
    <!--<div class="project-content">-->
      <!--<div class="pro-content">-->
        <!--<div class="pro-imageFl">-->
          <!--<img v-if="eventL.eventPicUrl == ''" src="../../images/onetoone.png" alt="">-->
          <!--<img v-else :src="imageUrl.imageUrl + eventL.eventPicUrl" alt="">-->
          <!--<p> </p>-->
          <!--<span>{{eventL.helpName}}</span>-->
        <!--</div>-->
        <!--<p class="proText"><span v-html="eventL.eventName"></span>  <span style="float: right;color: #f58b0d;">{{isDoing}}</span></p>-->
        <!--<p class="faqijigou">发起机构: <span v-html="eventL.organizationName"></span></p>-->
        <!--<div class="proBtn-box">-->
          <!--<div class="proBtn-left" @click="lastEven">上一个</div>-->
          <!--<div @click="nextEven">下一个</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="context">-->
      <!--<p >{{eventL.helpWay}}</p>-->
    <!--</div>-->
    <!--<div class="con-list">-->
      <!--<div>-->
        <!--<tab :line-width=2 v-model="index" custom-bar-width="60px" bar-active-color="#91d047">-->
          <!--<tab-item class="vux-center" @on-item-click="witchShow = 'xiangqing'">-->
            <!--项目详情-->
          <!--</tab-item>-->
          <!--<tab-item class="vux-center" @on-item-click="witchShow = 'danwei'">-->
            <!--发起单位-->
          <!--</tab-item>-->
          <!--<tab-item class="vux-center" @on-item-click="witchShow = 'jilu'">-->
            <!--捐款记录-->
          <!--</tab-item>-->
          <!--<tab-item class="vux-center tab-item-xx" :badge-label="isXinxi" @on-item-click="witchShow = 'fankui'">-->
            <!--信息反馈-->
          <!--</tab-item>-->
        <!--</tab>-->
        <!--&lt;!&ndash;<swiper v-model="index" :show-dots="false" :threshold="threshold" :min-moving-distance="minmovingdistance">&ndash;&gt;-->
        <!--<div class="details" v-if="witchShow == 'xiangqing'" >-->
          <!--&lt;!&ndash;项目详情&ndash;&gt;-->
          <!--&lt;!&ndash;<h3>本次“爱心助跑圆梦大学”活动旨在通过与企业和社会各界的互动，整合社会资源，凝聚社会力量，弘扬关注弱势群体，关爱他人的良好风尚。</h3>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>一、主办单位：共青团金华市委</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>二、活动时间：2017年7月&#45;&#45;2017年8月</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>三、活动地点：金华城区</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>四、资助对象：居住在金华城区的被全国普通高等学校录取的品学兼优、家庭经济困难的大学新生</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>五、活动内容：帮助月40名贫困大学新生解决第一年部分或全部学费（3000-5000元不等，平均4000元*40人，共需筹集资金约16万元）</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<div class="image">&ndash;&gt;-->
          <!--&lt;!&ndash;<h2>2016年发放仪式现场</h2>&ndash;&gt;-->
          <!--&lt;!&ndash;<div class="image-box">&ndash;&gt;-->
          <!--&lt;!&ndash;<img src="../../images/head-li.png" alt="">&ndash;&gt;-->
          <!--&lt;!&ndash;</div>&ndash;&gt;-->
          <!--&lt;!&ndash;</div>&ndash;&gt;-->
          <!--<div v-html="eventAll.eventContent"></div>-->
          <!--<div class="btn">-->
            <!--<flexbox>-->
              <!--<flexbox-item>-->
                <!--<x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon" style="font-size: 18px;">&#xe625;</i> 我要捐助</x-button>-->
              <!--</flexbox-item>-->
            <!--</flexbox>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="company" v-else-if="witchShow == 'danwei'">-->
          <!--&lt;!&ndash;发起单位&ndash;&gt;-->
          <!--<div class="pro">-->
            <!--<div class="pro-image">-->
              <!--<img :src="eventAll.organization[0].registrationUrl" alt="">-->
            <!--</div>-->
            <!--<h2 v-html="eventAll.organization[0].organizationName"></h2>-->
            <!--<h3>联系人：{{eventAll.organization[0].lianxiName}}</h3>-->
            <!--<h4>联系电话：{{eventAll.organization[0].lianxiMobile}}</h4>-->
          <!--</div>-->

          <!--<div class="briefIntroduction">-->
            <!--&lt;!&ndash;组织简介&ndash;&gt;-->
            <!--<div class="briefIntroduction-box">-->
              <!--<i class="iconfont head-icon" style="color: #379cee;">&#xe636;</i><span>组织简介</span>-->
            <!--</div>-->
            <!--<p v-html="eventAll.organization[0].organizationIntro"></p>-->
          <!--</div>-->
          <!--<div class="otherProjects">-->
            <!--&lt;!&ndash;该单位发起的其他项目&ndash;&gt;-->
            <!--<div class="otherProjects-box">-->
              <!--<i class="iconfont head-icon" style="color: #e1a922;">&#xe637;</i><span>该单位发起的其他项目</span>-->
            <!--</div>-->
            <!--<div class="otherProjects-content">-->
              <!--<div>-->
                <!--<flexbox v-for="eventOthers in eventOther">-->
                  <!--<flexbox-item :span="4">-->
                    <!--<div class="item-image">-->
                      <!--<img :src="imageUrl.imageUrl + eventOthers.eventPicUrl" alt="">-->
                    <!--</div>-->
                  <!--</flexbox-item>-->
                  <!--<flexbox-item>-->
                    <!--<h3 class="item-title" v-html="eventOthers.eventName">梦想足球场 圆农村孩子的足球梦想地方否地方对方答复</h3>-->
                    <!--<div class="progress" v-if="eventOthers.eventStatus == 1">-->
                      <!--<span>{{eventOthers.schedule}}%</span>-->
                      <!--<x-progress :percent="eventOthers.schedule" :show-cancel="false"></x-progress>-->
                    <!--</div>-->
                    <!--<div class="item-mujuan">-->
                      <!--<span>已筹</span><em>{{eventOthers.raiseMoney}}</em><span>元</span>-->
                      <!--<div style="float: right" v-if="eventOthers.eventStatus == 1"><span>参加</span><em>{{eventOthers.raisePeople}}</em><span>人次</span></div>-->
                      <!--<div class="item-jsbtn" v-if="eventOthers.eventStatus == 4">募捐结束</div>-->
                    <!--</div>-->
                  <!--</flexbox-item>-->
                <!--</flexbox>-->
              <!--</div>-->
            <!--</div>-->
            <!--<div class="more-btn-box">-->
              <!--<div class="more-btn" @click="moreOtherProjects" v-model="lookMore">{{lookMore}}</div>-->
            <!--</div>-->
          <!--</div>-->
          <!--<div class="btn">-->
            <!--<flexbox>-->
              <!--<flexbox-item>-->
                <!--<x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon" style="font-size: 18px;">&#xe625;</i> 我要捐助</x-button>-->
              <!--</flexbox-item>-->
            <!--</flexbox>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="record" v-else-if="witchShow == 'jilu'">-->
          <!--&lt;!&ndash;捐款记录&ndash;&gt;-->
          <!--<div class="list">-->
            <!--<div class="aList" v-for="eventJuankuans in eventJuankuan">-->
              <!--<div class="aList-image">-->
                <!--<img :src="eventJuankuans.headUrl" alt="">-->
              <!--</div>-->
              <!--<div class="aList-content">-->
                <!--<span class="nickName">{{eventJuankuans.nickname}}</span>-->
                <!--<span class="aList-time" v-if="eventJuankuans.pastTime != ''">{{eventJuankuans.pastTime}}</span>-->
                <!--<span class="aList-money">捐助<em>{{eventJuankuans.amount}}</em>元</span>-->
              <!--</div>-->
            <!--</div>-->
          <!--</div>-->

          <!--<div class="more-btn-box">-->
            <!--<div class="more-btn" @click="moreOtherJuankuans" v-model="lookMoreJuankuans">{{lookMoreJuankuans}}</div>-->
          <!--</div>-->

          <!--<div class="btn">-->
            <!--<flexbox>-->
              <!--<flexbox-item>-->
                <!--<x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon" style="font-size: 18px;">&#xe625;</i> 我要捐助</x-button>-->
              <!--</flexbox-item>-->
            <!--</flexbox>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="details" v-else-if="witchShow == 'fankui'">-->
          <!--<div v-if="eventAll.feedBack != ''" v-html="eventAll.feedBack[0].feedback"></div>-->
          <!--<div v-else>暂无信息反馈</div>-->
          <!--&lt;!&ndash;信息反馈  和项目详情一样只是少了捐款按钮&ndash;&gt;-->
          <!--&lt;!&ndash;<h3>本次“爱心助跑圆梦大学”活动旨在通过与企业和社会各界的互动，整合社会资源，凝聚社会力量，弘扬关注弱势群体，关爱他人的良好风尚。</h3>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>一、主办单位：共青团金华市委</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>二、活动时间：2017年7月&#45;&#45;2017年8月</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>三、活动地点：金华城区</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>四、资助对象：居住在金华城区的被全国普通高等学校录取的品学兼优、家庭经济困难的大学新生</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<p>五、活动内容：帮助月40名贫困大学新生解决第一年部分或全部学费（3000-5000元不等，平均4000元*40人，共需筹集资金约16万元）</p>&ndash;&gt;-->
          <!--&lt;!&ndash;<div class="image">&ndash;&gt;-->
          <!--&lt;!&ndash;<h2>2016年发放仪式现场</h2>&ndash;&gt;-->
          <!--&lt;!&ndash;<div class="image-box">&ndash;&gt;-->
          <!--&lt;!&ndash;<img src="../../images/head-li.png" alt="">&ndash;&gt;-->
          <!--&lt;!&ndash;</div>&ndash;&gt;-->
          <!--&lt;!&ndash;</div>&ndash;&gt;-->

        <!--</div>-->
        <!--&lt;!&ndash;</swiper>&ndash;&gt;-->
      <!--</div>-->
    <!--</div>-->
  </div>
</template>
<style lang="scss" src='./oneToOneDonation.scss'></style>
<script src="./oneToOneDonation.js"></script>
